<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="./node_modules/handsontable/dist/handsontable.full.js"></script>
    <link rel="stylesheet" href="./node_modules/handsontable/dist/handsontable.css">
</head>
<body>
<div id="testDiv">

</div>
</body>
<script data-jsfiddle="testDiv">
    var data = [
        ["", "Ford", "Volvo", "Toyota", "Honda"],
        ["2016", 10, 11, 12, 13],
        ["2017", 20, 11, 14, 13],
        ["2018", 30, 15, 12, 13]
    ];

    var container = document.getElementById('testDiv');
    var hot = new Handsontable(container, {
        data: data,
        rowHeaders: true,
        colHeaders: true,
        dropdownMenu: true
    });
    hot.render();

    var jsondata =  JSON.parse(JSON.stringify({key:1,value:"one"}))
    console.log(jsondata);
</script>
<!--<script type="text/javascript">-->
    <!--var data = [-->
        <!--["one", "Ford", "Volvo", "Toyota", "Honda"],-->
        <!--["2016", 10, 11, 12, 13],-->
        <!--["2017", 20, 11, 14, 13],-->
    <!--];-->

    <!--var container = document.getElementById('testDiv');-->
    <!--var hot = new Handsontable(container, {-->
        <!--data: data,-->
        <!--rowHeaders: true,-->
        <!--colHeaders: true-->
<!--//        dropdownMenu: true-->
    <!--});-->
<!--</script>-->
</html>